// 获取DOM元素
const siteTitleElement = document.getElementById('site-title');
const currentTitleElement = document.getElementById('current-title');
const newTitleInput = document.getElementById('new-title-input');
const updateTitleBtn = document.getElementById('update-title-btn');
const historyList = document.getElementById('history-list');

// 初始化历史记录数组
let titleHistory = [];

// 更新标题函数
function updateTitle() {
    const newTitle = newTitleInput.value.trim();
    
    if (newTitle) {
        // 保存当前标题到历史记录
        titleHistory.push({
            title: siteTitleElement.textContent,
            time: new Date().toLocaleString()
        });
        
        // 更新页面标题和当前标题显示
        document.title = newTitle;
        siteTitleElement.textContent = newTitle;
        currentTitleElement.textContent = newTitle;
        
        // 清空输入框
        newTitleInput.value = '';
        
        // 更新历史记录显示
        updateHistoryDisplay();
    } else {
        alert('请输入有效的标题');
    }
}

// 更新历史记录显示
function updateHistoryDisplay() {
    // 清空现有列表
    historyList.innerHTML = '';
    
    // 添加历史记录项（只显示最近5条）
    const recentHistory = titleHistory.slice(-5).reverse();
    
    recentHistory.forEach(item => {
        const listItem = document.createElement('li');
        listItem.textContent = `${item.title} (修改于: ${item.time})`;
        historyList.appendChild(listItem);
    });
}

// 添加事件监听器
updateTitleBtn.addEventListener('click', updateTitle);

// 支持按Enter键提交
newTitleInput.addEventListener('keypress', function(e) {
    if (e.key === 'Enter') {
        updateTitle();
    }
});

// 初始化页面
document.addEventListener('DOMContentLoaded', function() {
    // 添加初始标题到历史记录
    titleHistory.push({
        title: siteTitleElement.textContent,
        time: new Date().toLocaleString()
    });
    updateHistoryDisplay();
});